<template>
	<view class="content">
		<view class="title">
			审核信息
		</view>
		<view class="text">
			<view>
				申请手机号：
			</view>
			<view>
				136 2555 9332
			</view>
		</view>

		<view class="text">
			<view>申请时间：</view>
			<view>2021-04-08 20:00:00</view>
		</view>

		<view class="text">
			<view>申请状态：</view>
			<view>未通过/</view>
			<view>已通过/</view>
			<view>审核中</view>
		</view>

		<view class="texts">
			<view>审批理由：</view>
			<view>审批理由审批理由审批理由审批理由审批理由审批理由审批理由审批理由审批理由</view>
		</view>
		
		<view class="btn">
			<button plain>撤销申请</button>
			<button type="warn">联系客服</button>
		</view>
		<view>
			<u-logo></u-logo>
		</view>
	</view>
</template>

<script>
	import logo from '../../components/logo.vue'
	export default {
		components:{
			'u-logo':logo
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped="scoped" lang="less">
	.btn {
		display: flex;
		margin-top: 60upx;
	}
	button{
		width: 328upx;
		height: 80upx;
		line-height: 80upx;
	}
	.btn button:nth-child(1){
		color: red;
		border: 1px solid red;
	}
	.btn button:nth-child(2){
		color: white;
	}
	.content {
		width: 100%;
		height: 100vh;
		background-color: #F2F1F2;
		overflow: hidden;
	}

	.title {
		height: 100upx;
		width: 100%;
		background-color: #fff;
		line-height: 100upx;
		text-indent: 1rem;
		border-bottom: 1px solid #DADADA;
	}

	.text {
		height: 100upx;
		width: 100%;
		background-color: #fff;
		line-height: 100upx;
		text-indent: 1rem;
		display: flex;
	}

	.text view:nth-child(1) {
		width: 220upx;
		color: #7F7F7F;
		white-space:nowrap; 
	}

	.texts {
		width: 100%;
		background-color: #fff;
		line-height: 100upx;
		display: flex;
		height: 200upx;
	}

	.texts view:nth-child(1) {
		width: 310upx;
		margin-left: 30upx;
		color: #7F7F7F;
		white-space:nowrap; 
	}

	.texts view:nth-child(2) {
		line-height: normal;
		margin-top: 30upx;
		margin-left: 40upx;
		overflow: hidden;	
	}
</style>
